// active osd button
//
$_bg: if($c!=$bg_color, $c, $osd_borders_color);
+
color: white;
border-color: $osd_borders_color;
background-image: linear-gradient(to bottom, $_bg);
// insensitive osd button
//
$_bg: transparentize(mix($insensitive_fg_color,$osd_bg_color,20%),0.3);
+
color: $insensitive_fg_color;
border-color: $osd_borders_color;
background-image: linear-gradient(to bottom, $_bg);
//
$_bg: if($c!=$bg_color, transparentize($c, 0.5),
transparentize($osd_bg_color, 0.3));
+
+ color: $osd_fg_color;
background-image: linear-gradient(to bottom, $_bg);
background-clip: padding-box;
box-shadow: none;
icon-shadow: none;
border-color: rgba(255, 255, 255, 0.1); }
.button.osd:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .button:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .button.suggested-action:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .button.destructive-action:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
background-clip: padding-box;
box-shadow: none;
.osd .scale.slider:backdrop, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.app-notification .button:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
icon-shadow: none;
border-color: rgba(255, 255, 255, 0.1); }
.button.osd:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .button:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .button.suggested-action:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .button.destructive-action:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
background-clip: padding-box;
box-shadow: none;
.osd .scale.slider:backdrop, .osd
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.app-notification .button:backdrop {
+ color: #eeeeec;
background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
background-clip: padding-box;
box-shadow: none;